<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <script type="text/javascript" src="./lib/jquery.js"></script>
    <!-- script标签发送的请求是同步的 -->
    <!-- 给script标签添加一个async属性就可以把请求变成异步的 -->
    <!-- <script async type="text/javascript" src="http://www.liulongbin.top:3006/api/jsonp?callback=nihao&uname=lisi&age=12"></script> -->
    <script type="text/javascript">
        function nihao(data) {
            console.log(data)
        }

        // 动态创建script发送的请求就是异步的
        // 动态创建一个script标签，通过他的src属性发送请求，然后把标签添加页码中，然后定义回调函数
        var script = document.createElement('script')
        script.src = 'http://www.liulongbin.top:3006/api/jsonp?callback=nihao&uname=lisi&age=12'
            // 把动态创建的script标签追加到head标签里面
        var body = document.getElementsByTagName('body')[0]
        body.appendChild(script)
            // 请求发送完成后再把刚刚创建的标签删除了
        body.removeChild(script)
    </script>

</body>

</html>